<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title>甘肃专题</title>
    <link rel="stylesheet" type="text/css" href="../../css/reset.css">
    <link rel="stylesheet" type="text/css" href="../../css/swiper.min.css">
    <link rel="stylesheet" href="../../css/special.css" />
    <script>
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.50 + 'px';
    </script>
</head>
<body class="bg-f5f4f2">
    <!-- 标题栏 -->
    <div class="sp-header">
        <a href="javascript:;"><i class="sp-icon-back"></i></a>
        <h1>甘肃专题</h1>
    </div>
    <!-- 类目 -->
    <div class="sp-category">
        <div class="spc-wrap">
            <a href="javascript:;" class="spc-ctrl spc-prev"></a>
            <a href="javascript:;" class="spc-ctrl spc-next"></a>
            <div class="spc-box">
                <ul class="spc-box-wrap">
                    <li class="spc-item"><a href="#"><img src="../../img/company/goods/j1.jpg" alt=""><span class="title">类目名称</span></a></li>
                    <li class="spc-item"><a href="#"><img src="../../img/company/goods/j2.jpg" alt=""><span class="title">类目名称</span></a></li>
                    <li class="spc-item"><a href="#"><img src="../../img/company/goods/j3.jpg" alt=""><span class="title">类目名称</span></a></li>
                    <li class="spc-item"><a href="#"><img src="../../img/company/goods/j4.jpg" alt=""><span class="title">类目名称</span></a></li>
                    <li class="spc-item"><a href="#"><img src="../../img/company/goods/j1.jpg" alt=""><span class="title">类目名称</span></a></li>
                    <li class="spc-item"><a href="#"><img src="../../img/company/goods/j2.jpg" alt=""><span class="title">类目名称</span></a></li>
                    <li class="spc-item"><a href="#"><img src="../../img/company/goods/j3.jpg" alt=""><span class="title">类目名称</span></a></li>
                    <li class="spc-item"><a href="#"><img src="../../img/company/goods/j4.jpg" alt=""><span class="title">类目名称</span></a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 药材市场 -->
    <div class="sp-page-title"><h2 class="market">药材市场</h2></div>
    <div class="sp-market-wrap">
        <div class="spm-banner" style="background: url(../../img/special/tupian_a.jpg) no-repeat center;background-size:cover;">
            <div class="mask"></div>
            <div class="spm-info">
                <h3>康美中药城</h3>
                <p>安徽建省于清朝康熙六年建省于清朝康熙六年</p>
            </div>
        </div>
        <div class="spm-goods">
            <ul>
                <li><a href="#">
                    <img src="../../img/special/tupian_b.jpg" alt="" />
                    <p>安徽白芷</p>
                    <p class="price">￥890.00</p>
                </a></li>
                <li><a href="#">
                    <img src="../../img/special/tupian_b.jpg" alt="" />
                    <p>安徽白芷</p>
                    <p class="price">￥890.00</p>
                </a></li>
                <li><a href="#">
                    <img src="../../img/special/tupian_b.jpg" alt="" />
                    <p>安徽白芷</p>
                    <p class="price">￥890.00</p>
                </a></li>
            </ul>
        </div>
    </div>
    <div class="sp-market-wrap">
        <div class="spm-banner" style="background: url(../../img/special/tupian_a.jpg) no-repeat center;background-size:cover;">
            <div class="mask"></div>
            <div class="spm-info">
                <h3>康美中药城</h3>
                <p>安徽建省于清朝康熙六年建省于清朝康熙六年</p>
            </div>
        </div>
        <div class="spm-goods">
            <ul>
                <li><a href="#">
                    <img src="../../img/special/tupian_b.jpg" alt="" />
                    <p>安徽白芷</p>
                    <p class="price">￥890.00</p>
                </a></li>
                <li><a href="#">
                    <img src="../../img/special/tupian_b.jpg" alt="" />
                    <p>安徽白芷</p>
                    <p class="price">￥890.00</p>
                </a></li>
                <li><a href="#">
                    <img src="../../img/special/tupian_b.jpg" alt="" />
                    <p>安徽白芷</p>
                    <p class="price">￥890.00</p>
                </a></li>
            </ul>
        </div>
    </div>
    <!-- 资源地图&产地快讯 -->
    <div class="sp-button-wrap clearfix">
        <a href="#" class="sp-button">
            <img src="../../img/special/btn1.jpg" alt="">
        </a>
        <a href="#" class="sp-button fr">
            <img src="../../img/special/btn2.jpg" alt="">
        </a>
    </div>
    <!-- 产地直销 -->
    <div class="sp-page-title"><h2 class="sell">产地直销</h2></div>
    <div class="sp-sell-wrap">
        <ul class="clearfix">
            <li><a href="#">
                <div class="pic"><img src="../../img/special/tupian_c.jpg" alt=""></div>
                <div class="info">
                    <p class="title">康美中药城档口直销—康美中药城档口直销—</p>
                    <p class="price">9999.0元/公斤</p>
                    <p class="desc">3公斤起批</p>
                </div>
            </a></li>
            <li><a href="#">
                <div class="pic"><img src="../../img/special/tupian_c.jpg" alt=""></div>
                <div class="info">
                    <p class="title">康美中药城档口直销—康美中药城档口直销—</p>
                    <p class="price">9999.0元/公斤</p>
                    <p class="desc">3公斤起批</p>
                </div>
            </a></li>
            <li><a href="#">
                <div class="pic"><img src="../../img/special/tupian_c.jpg" alt=""></div>
                <div class="info">
                    <p class="title">康美中药城档口直销—康美中药城档口直销—</p>
                    <p class="price">9999.0元/公斤</p>
                    <p class="desc">3公斤起批</p>
                </div>
            </a></li>
            <li><a href="#">
                <div class="pic"><img src="../../img/special/tupian_c.jpg" alt=""></div>
                <div class="info">
                    <p class="title">康美中药城档口直销—康美中药城档口直销—</p>
                    <p class="price">9999.0元/公斤</p>
                    <p class="desc">3公斤起批</p>
                </div>
            </a></li>
            <li><a href="#">
                <div class="pic"><img src="../../img/special/tupian_c.jpg" alt=""></div>
                <div class="info">
                    <p class="title">康美中药城档口直销—康美中药城档口直销—</p>
                    <p class="price">9999.0元/公斤</p>
                    <p class="desc">3公斤起批</p>
                </div>
            </a></li>
            <li><a href="#">
                <div class="pic"><img src="../../img/special/tupian_c.jpg" alt=""></div>
                <div class="info">
                    <p class="title">康美中药城档口直销—康美中药城档口直销—</p>
                    <p class="price">9999.0元/公斤</p>
                    <p class="desc">3公斤起批</p>
                </div>
            </a></li>
            <li><a href="#">
                <div class="pic"><img src="../../img/special/tupian_c.jpg" alt=""></div>
                <div class="info">
                    <p class="title">康美中药城档口直销—康美中药城档口直销—</p>
                    <p class="price">9999.0元/公斤</p>
                    <p class="desc">3公斤起批</p>
                </div>
            </a></li>
            <li><a href="#">
                <div class="pic"><img src="../../img/special/tupian_c.jpg" alt=""></div>
                <div class="info">
                    <p class="title">康美中药城档口直销—康美中药城档口直销—</p>
                    <p class="price">9999.0元/公斤</p>
                    <p class="desc">3公斤起批</p>
                </div>
            </a></li>
        </ul>
        <a href="javascript:;" class="sps-more"><span>查看更多</span></a>
    </div>
</body>
<script src="../../js/zepto.min.js"></script>
<script src="../../js/touch.js"></script>
<script src="../../js/swiper.min.js"></script>
<script src="../../js/special.js"></script>
</html>